﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>管理员列表</title>
</head>
<body>
    <div class="page-container">
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <!--<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius">
                    <i class="Hui-iconfont">&#xe6e2;</i> 批量删除
                </a>-->
                <a href="javascript:;" onclick="admin_add('添加管理员','Role-Add.html','800','500')" class="btn btn-primary radius">
                    <i class="Hui-iconfont">&#xe600;</i> 添加角色
                </a>
            </span>
            <span style="margin-left:35%;font-size:20px;">
                <b>角色表</b>
            </span>
            <span class="r">共有数据：<strong id="munber"></strong> 条</span>
        </div>
        <table class="table table-border table-bordered table-bg">
            <thead>

                <tr class="text-c">
                    <th width="25"><input type="checkbox" name="" value=""></th>
                    <th width="40">ID</th>
                    <th width="150">角色名称</th>
                    <th width="150">备注</th>
                    <th width="100">是否已启用</th>
                    <th width="100">操作</th>
                </tr>
            </thead>
            <tbody id="count"></tbody>
        </table>
    </div>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
    <!--/_footer 作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
    <script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
    <script type="text/javascript">
        /*
            参数解释：
            title	标题
            url		请求的url
            id		需要操作的数据id
            w		弹出层宽度（缺省调默认值）
            h		弹出层高度（缺省调默认值）
        */
        $(function () {
            //初次加载显示所有角色信息
            $.ajax({
                type: 'get',
                url: 'http://localhost:41607/api/Entrance/GetRoleShow2',
                data: { id: 0 },
                success: function (data) {

                    var content = ' '
                    var s = 0;
                    $(data).each(function (i, j) {
                        s++;

                        content += '  <tr class="text-c">'
                        content += ' <td><input type="checkbox" value="1" name=""></td>'
                        content += ' <td>' + j.R_id + '</td>'
                        content += ' <td>' + j.R_name + '</td>'
                        content += ' <td>' + j.R_state + '</td>'
                        content += ' <td>' + j.R_time + '</td>'
                        content += ' <td class="td-manage"> <a title="编辑" href="javascript:;" onclick="admin_edit(this,' + j.R_id + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,' + j.R_id + ')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>'
                        content += '</tr>'

                    })
                    $("#munber").html(s);

                    $("#count").html(content);


                }
            })
        })
        /*管理员-增加*/
        function admin_add(title, url, w, h) {
            layer_show(title, url, w, h);
        }
        function admin_edit(obj, id) {
            layer_show("管理员编辑", "Role-Add.html?did=" + id + "", "800", "500");
        }
        /*管理员-删除*/
        function admin_del(obj, id) {
            layer.confirm('确认要删除吗？', function (index) {
                $.ajax({
                    type: 'get',
                    url: 'http://localhost:41607/api/Entrance/GetRolefDelete',
                    data: { id: id },
                    success: function (data) {
                        if (data == true) {
                            $(obj).parents("tr").remove();
                            layer.msg('已删除!', { icon: 1, time: 2000 });
                        }
                        else {
                            layer.msg('删除失败!', { icon: 2, time: 1000 });
                        }

                    },
                    error: function (data) {
                        console.log(data.msg);
                    },
                });
            });
        }


    </script>
</body>
</html>